import React, { Component } from 'react'
import { StateDemo } from "./useStateDemo"
import { ReducerDemo } from "./ReducerDemo"
import { ContextDemo } from "./ContextDemo"
import { RefDemo } from "./RefDemo"
import { CallbackMemoDemo } from "./CallbackMemoDemo"
export default class App extends Component {
  render() {
    return (
      <div>
        {/* <StateDemo />
        <ReducerDemo />
        <h3>contextDemo</h3>
        <ContextDemo />
        <h4>useRef的使用</h4>
        <RefDemo /> */}
        <h5>useCallback的使用</h5>
        <CallbackMemoDemo />
      </div>
    )
  }
}
